import { Match, Matcher, MicroAppProvider, Outlet } from '@web-design/micro-app'
import React from 'react'
import {createRoot} from 'react-dom/client'
import TaskLayout from './layout/TaskLayout'
import routes from './routes'
import '@web-design/ui/es/index.less'
import '@web-design/ui/es/theme/arco/index.less'
const App = ()=>{
return <MicroAppProvider routes={routes} name={''}>
    <Matcher>
        <Match path='/task/*' element={<TaskLayout/>}/>
        <Match path='*' element={<Outlet/>}/>
    </Matcher>
</MicroAppProvider>
}

const app = createRoot(document.querySelector('#root') as any)
app.render(<App/>)